<template>
  <div class="DetalAnnounce">
    <div class="head">
      <van-nav-bar class="Announce1" title="通知" left-text="返回" left-arrow @click-left="onClickLeft"/>
    </div>
    <div class="contain">
      <div class="top">
        <h1>尊敬的业主，你们好！</h1>
      </div>
      <div class="text1">
       &#12288;由于施工队太强了，不小心挖断了水管，所以本小区的供水将于2020/12/09停止，一切后续请继续关注小区物业通知
      </div>
      <div class="buttom">
       &#12288;海华苑第7栋物业中心&#12288;<br>
       &#12288;2020-12-22&#12288;<br>
      </div>
    </div>
  </div>
</template>

<script>
import Vue from 'vue'
import { Divider, NavBar } from 'vant'
Vue.use(Divider).use(NavBar)
export default {
  name: 'DetalAnnounce',

  data () {
    return {
    }
  },
  methods: {
    // 返回首页
    onClickLeft () {
      this.$router.back(-1)
    }
  }
}
</script>

<style scoped>
.Announce{
  background-color: rgb(247, 245, 245)
}
.van-divider{
  margin: 0;
}
.top,.text1{
  text-align: left;
}
.buttom{
  margin-right: 60px;
  text-align:right;
}
</style>
